﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Banner.aspx.cs" Inherits="Thv.trangchu.page.Banner" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="../Js/easing/layout.css" rel="stylesheet" type="text/css" />
    <link href="../Js/easing/style6.css" rel="stylesheet" type="text/css" />
    <script src="../Js/easing/jquery.js" type="text/javascript"></script>
    <script src="../Js/easing/jquery.easing.js" type="text/javascript"></script>
    <script src="../Js/easing/script.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var buttons = { previous: $('#jslidernews3 .button-previous'),
                next: $('#jslidernews3 .button-next')
            };

            var _complete = function (slider, index) {
                $('#jslidernews3 .slider-description').animate({ height: 0 });
                slider.find(".slider-description").animate({ height: 100 })
            }; ;
            $('#jslidernews3').lofJSidernews({ interval: 4000,
                direction: 'opacity',
                easing: 'easeOutBounce',
                duration: 1200,
                auto: true,
                mainWidth: 980,
                buttons: buttons,
                onComplete: _complete
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <!------------------------------------- THE CONTENT ------------------------------------------------->
    <div id="jslidernews3" class="lof-slidecontent" style="width: 716px; height: 246px;">
        <div class="preload">
            <div>
            </div>
        </div>
        <div class="button-previous">
            Previous</div>
        <!-- MAIN CONTENT -->
        <div class="main-slider-content" style="width: 715px; height: 245px;">
            <ul class="sliders-wrap-inner">
                <li>
                    <img src="../Js/easing/thumbl_980x340.png" title="Newsflash 2">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i>—
                                    Monday, February 15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 1</h4>
                            <p>
                                The one thing about a Web site, it always changes! <a class="readmore" href="#">Read
                                    more </a>
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="../Js/easing/thumbl_980x340_002.png" title="Newsflash 1">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> <i>—
                                    Monday, February 15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 2</h4>
                            <p>
                                Joomla! makes it easy to launch a Web site of any kind <a class="readmore" href="#">
                                    Read more </a>
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="../Js/easing/thumbl_980x340_003.png" title="Newsflash 3">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> <i>—
                                    Monday, February 15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 3</h4>
                            <p>
                                With a library of thousands of free Extensions, <a class="readmore" href="#">Read more
                                </a>
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="../Js/easing/thumbl_980x340_004.png" title="Newsflash 5">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a> <i>—
                                    Monday, February 15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 4</h4>
                            <p>
                                Joomla! 1.5 - 'Experience the Freedom'!. <a class="readmore" href="#">Read more
                                </a>
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="../Js/easing/thumbl_980x340_005.png" title="Newsflash 5">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a> <i>— Monday, February
                                    15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 5</h4>
                            <p>
                                Joomla! 1.5 - 'Experience the Freedom'!. <a class="readmore" href="#">Read more
                                </a>
                            </p>
                        </div>
                    </div>
                </li>
                <li>
                    <img src="../Js/easing/thumbl_980x340_006.png" title="Newsflash 5">
                    <div class="slider-description">
                        <div class="description-wrapper">
                            <div class="slider-meta">
                                <a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a> <i>— Monday, February
                                    15, 2010 12:42</i></div>
                            <h4>
                                Content of Newsflash 6</h4>
                            <p>
                                Joomla! 1.5 - 'Experience the Freedom'!. <a class="readmore" href="#">Read more
                                </a>
                            </p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- END MAIN CONTENT -->
        <div class="button-next">
            Next</div>
    </div>
    <!------------------------------------- END OF THE CONTENT ------------------------------------------------->
    </form>
</body>
</html>
